<div class="banner" id="portfolio-banner">
  <h2>规避天灾损失<br>保障用户利益</h2>
  <p class="hidden-xs-down">
    无论是外出旅行、商务差旅、户外活动，还是农业种植养殖，甚至是金融机构<br>
    天气宝都为他们提供着高效的自动化天气保障（赔偿）方案<br>
    合作联系邮箱：<a href="mailto:bd@utianqi.com">bd@utianqi.com</a>
  </p>
</div>

<div id="coop">
  <h2 class="page-header">分销or对接</h2>
  <p class="lead">
    天气宝合作方式多元化<br>
    API对接，实现按需购买定制合约<br>
    页面下单，30秒成为天气宝产品分销商<br>
  </p>
  <div class="container">
    <ul class="row features">
      <li class="col-sm-3 col-4">
        <span class="icon"></span>
        <p>日常出行，下雨天出门走路改打车，贵</p>
      </li>
      <li class="col-sm-3 col-4">
        <span class="icon"></span>
        <p>行程遇雨，糟</p>
      </li>
      <li class="col-sm-3 col-4">
        <span class="icon"></span>
        <p>提前约好的户外活动突遇暴雨，惨</p>
      </li>
      <li class="col-sm-3 col-4">
        <span class="icon"></span>
        <p>冷天热天，难受，保暖降温，费钱</p>
      </li>
      <li class="col-sm-3 col-4">
        <span class="icon"></span>
        <p>大规模经济作物，担心坏天气</p>
      </li>
      <li class="col-sm-3 col-4">
        <span class="icon"></span>
        <p>大规模养殖者，担心坏天气</p>
      </li>
      <li class="col-sm-3 col-4">
        <span class="icon"></span>
        <p>借款人收入受天气影响，担心受灾</p>
      </li>
      <li class="col-sm-3 col-4">
        <span class="icon"></span>
        <p>还有更多</p>
      </li>
    </ul>
  </div>
</div>

<div id="portfolio-slide">
  <div class="scroll">
    <div class="container">
      <div class="card">
        <img src="./img/portfolio3.jpg">
        <footer>
          <h3>土流网-农业天气“保险”</h3>
          <p>遭遇农业灾害，无需审批流程，三个工作日内，现金自动到账</p>
        </footer>
      </div>
      <div class="card">
        <img src="./img/portfolio2.jpg">
        <footer>
          <h3>OFO-出行天气“保险”</h3>
          <p>OFO用户骑车出行遭遇降雨，天气宝的微信现金自动到账</p>
        </footer>
      </div>
      <div class="card">
        <img src="./img/portfolio1.jpg">
        <footer>
          <h3>阳光保险-金融保险公司</h3>
          <p>提供成熟的定价技术与产品方案，建立起全自动运行、稳定盈利的品类</p>
        </footer>
      </div>
    </div>
  </div>
  <ul class="indicators">
    <li class="indicator"></li>
    <li class="indicator"></li>
    <li class="indicator"></li>
  </ul>
</div>